﻿@page
@{ Layout = "_Layout"; }

@section Styles{
    <link href="/sitefiles/assets/lib/geeks/css/theme.min.css" rel="stylesheet" type="text/css" />
    <style>
        body {
            padding: 0;
            margin: 0;
            overflow: hidden;
        }

        html {
            padding: 0;
            margin: 0;
            overflow: hidden;
        }
    </style>
}

<div style="width:299px;position:fixed;" class="text-center p-3 bg-white" :style="{height: (winHeight) + 'px'}">
    <p>
        <img :src="avatarUrl || DEFAULT_AVATAR_URL" class="rounded-circle avatar-xl" />
        <div>{{ displayName }}</div>
    </p>
    <div class="px-5">
        <el-scrollbar class="scrollbar" :style="{ height: (winHeight-250) + 'px' }">
            <button type="button" class="btn w-100 rounded-pill border-0" :class="curTab===userTab.value?'btn-primary':'btn-white'" v-on:click="btnTab(userTab)" v-for="userTab in userTabList">
                <div class="d-flex align-items-end justify-content-between">
                    <div>
                        {{ userTab.name }}
                    </div>
                    <div><i class="el-icon-caret-right"></i></div>
                </div>
            </button>
        </el-scrollbar>
        <el-divider></el-divider>
        <button type="button" class="btn btn-outline-primary w-100 rounded-pill border-0 mt-3" v-on:click="utils.closeLayerSelf">
            <div class="d-flex align-items-end justify-content-between">
                <div>
                    退出预览
                </div>
                <div><i class="el-icon-close"></i></div>
            </div>
        </button>
    </div>
</div>
<div style="margin-left:299px;height:100%;">
    <iframe id="userFrame" ref="userFrame" :src="userFrameUrl" style="width: 100%;height:100%; border: none;" :style="{height: (winHeight) + 'px'}"></iframe>
</div>

@section Scripts{
<script src="/sitefiles/assets/js/admin/common/userDocLayerView.js" type="text/javascript"></script>
}
